<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no" />
		<title>网络错误页面</title>
		<style>
			.no-network {
				position: relative;
				/*margin-top:-300px;*/
				padding-top: 200px;
				background-color: #fff;
			}
			.no-network ._icon._icon {
				text-align: center;
			}
			.no-network .icon {
				width: 80px;
				height: 80px;
				display: inline-block;
				background-image: url('../image/icon-network.png');
				background-repeat: no-repeat;
				background-size: contain;
			}
			.no-network p {
				text-align: center;
				font-size: 14px;
				color: #666;
				padding: 0 0 10px;
			}
			.no-network .btn {
				border: 1px solid #e5e5e5;
				border-radius: 4px;
				line-height: 35px;
				width: 130px;
				font-size: 14px;
				margin: 5px auto;
				color: #ccc;
				text-align: center;
			}
		</style>
		<script type="text/javascript" src="../script/api.js"></script>
		<script type="text/javascript">
			function opnew() {
				var data = api.pageParam
				if (data && data.failedUrl) {
					if (api.systemType === 'ios') {
						var script = "location.href = '" + data.failedUrl + "'"
						api.execScript({
							frameName: 'main',
							script: script,
						})
						api.closeFrame()
					} else {
						location.href = data.failedUrl
					}
				}
			}
		</script>
	</head>
	<body style="background-color: #fff;">
		<div class="no-network">
			<div class="_icon">
				<span class="icon"></span>
			</div>
			<p class="text">您的网络似乎断开了</p>
			<div class="btn" onclick="opnew()">重新加载</div>
		</div>
	</body>
</html>
